<template>
	<view class="index">
		  <!-- banner图 -->
	     <view class="content">
	     		<u-swiper :list="list" keyName="image" style="border-radius: none;"></u-swiper>
	     </view>
	
		  <view class="text">服务</view>
		 <view class="serve">
			
		 	 <view class="serve_box" >
				 <view class="" @click="getBudget()">
					 <image src="../../static/index/1.png" mode=""></image>
				 	<view class="text2" >
				 		预算查询
				 	</view>
				 </view>
		 	 </view>
			 <view class="serve_box">
			 				 <view class="">
			 					 <image src="../../static/index/2.png" mode=""></image>
			 				 	<view class="text2">
			 				 		经费审批
			 				 	</view>
			 				 </view>
			 </view>
			 <view class="serve_box">
			 				 <view class="">
			 					 <image src="../../static/index/3.png" mode=""></image>
			 				 	<view class="text2">
			 				 		验收登记
			 				 	</view>
			 				 </view>
			 </view>
			 <view class="serve_box">
			 				 <view class="">
			 					 <image src="../../static/index/4.png" mode=""></image>
			 				 	<view class="text2">
			 				 		询价采购
			 				 	</view>
			 				 </view>
			 </view>
		 </view>
		 <view class="text">数据分析</view>
		 <view class="serve">	 			
		 	 <view class="serve_box">
		 				 <view class="">
		 					 <image src="../../static/index/5.png" mode=""></image>
		 				 	<view class="text2">
		 				 		审批情况
		 				 	</view>
		 				 </view>
		 	 </view>
		 			 <view class="serve_box">
		 			 				 <view class="">
		 			 					 <image src="../../static/index/6.png" mode=""></image>
		 			 				 	<view class="text2">
		 			 				 		车维修统计
		 			 				 	</view>
		 			 				 </view>
		 			 </view>
		 			 <view class="serve_box">
		 			 				 <view class="">
		 			 					 <image src="../../static/index/7.png" mode=""></image>
		 			 				 	<view class="text2">
		 			 				 		采购统计
		 			 				 	</view>
		 			 				 </view>
		 			 </view>
					 <view class="serve_box">
					 				 <view class="">
					 					 <image src="" mode=""></image>
					 				 	<view class="text2">
					 				 		
					 				 	</view>
					 				 </view>
					 </view>
		 	
		 </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			    list: [{
			    						image: '/static/index/banner2.jpg',
			    						
			    					},
			    					{
			    						image: '/static/index/banner2.jpg',
			    						
			    					},
			    					{
			    						image: '/static/index/banner2.jpg',
			    						
			    					}
			    		]}
		},
		onLoad() {

		},
		methods: {
           getBudget(){
			   uni.navigateTo({
			   	url:"../budget/budget"
			   })
		   }
		}
	}
</script>

<style lang="scss" scoped>
	.index{
		background-color: #F4F4F4;
		width: 100%;
		height: 1600rpx;
	}


	.serve{
		display: flex;
		justify-content: space-around;
		align-items: center;
		background-color: #FFFFFF;
		width: 100%;
		height: 300rpx;
	}
	.serve_box{
		
	}
	.serve_box image{
		width: 100rpx;
		height: 100rpx;
		
	}
	.text{
		width: 100%;
		height: 80rpx;
		font-size: 30rpx;
		font-weight: 700;
		color: #000000;
		line-height: 80rpx;
		margin-left: 40rpx;
	}
	.text2{
		text-align: center;
	     font-size: 28rpx;
		
	}
</style>
